<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>vue3cli</title>
	</head>
	<body>
		<!-- 
		 # 一、创建Vue3.0工程
		 ## 1.使用 vue-cli 创建
		 官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create
		 ```bash
		 ## 查看@vue/cli版本，确保@vue/cli版本在
		 vue --version
		 ## 安装或者升级你的@vue/cli
		 npm install -g @vue/cli
		 ## 创建
		 vue create vue_test
		 ## 启动
		 cd vue_test
		 npm run serve
		 ```
		 
		 html+css+js
		 
		 
		 ## 2.使用 vite 创建(webpack)
		 官方文档：https://v3.cn.vuejs.org/guide/installation.html#vite
		 vite官网：https://vitejs.cn
		 - 什么是vite？—— 新一代前端构建工具。 (旧的 webpack)
		 - 优势如下：
		   - 开发环境中，无需打包操作，可快速的冷启动。
		   - 轻量快速的热重载（HMR）。
		   - 真正的按需编译，不再等待整个应用编译完成。
		 - 传统构建 与 vite构建对比图
		 
		 ```bash
		 ## 创建工程
		 npm init vite-app <project-name>  或者 npm create vite
		 
		 vite脚手架创建方式  有配置项
		 npm init vue@latest 
		 
		 
		 ## 进入工程目录
		 cd <project-name>
		 ## 安装依赖
		 npm install
		 ## 运行
		 npm run dev
		 ```
		 
		 基本框架改动 
		 createApp
		 引入的不再是VUE构造函数,而是一个 createApp工厂函数
		 
		 app就是一个一般对象 用于挂载页面
		 mount 挂载  unmount 卸载
		 
		 可以没有根标签 
		 
		 关闭语法检查 (never use)
		 lintOnSave:false
		 
		 安装vue3的  devtool
		 比vue2不同 右下角有一个 图标
		 
		 
		 -->
	</body>
</html>